.ty_index{background-color: #f6f6f6;}

.ty_head_ri:first-child{display: none;}

.ti_banner_i{position: relative;height: 100vh;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.ti_banner_i>video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);min-width: 100%;min-height: 100%;}
.ti_banner_i>div{padding: 60px 70px;color: #fff;display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;flex-direction: column;}
/* .ti_banner_i>div>h1{font-size: 50px;font-weight: bold;letter-spacing: .5em;}
.ti_banner_i>div>span{width: 80px;height: 10px;background-color: #fff;border-radius: 10px;margin-top: 30px;margin-right: 25px;} */
.dot_list{position: absolute;bottom: 42px;left: 50%;transform: translateX(-50%);}
.dot_list>li{display: inline-block;width: 185px;height: 2px;font-size: 0;outline: 0;border: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #999;}
.dot_list>li:last-child{margin-right: 0;}
.dot_list>.slick-active{background-color: #fff;}
.dot_list>li button{display: none;}
.ti_arrow{width: 60px;height: 60px;color: #fff;line-height: 60px;text-align: center;font-family: monospace,serif;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size: 60px;font-weight: 900;}
.ti_arrow.slick_prev{left: calc((100vw - 1240px) / 2);}
.ti_arrow.slick_next{right: calc((100vw - 1240px) / 2);}

.ti_apply{display: flex;justify-content: space-between;min-width: 1200px;}
.ti_apply_i{flex: 1;background-repeat: no-repeat;background-size: cover;background-position: center;height: 516px;position: relative;display: flex;justify-content: center;align-items: flex-end;transition: .5s;overflow: hidden;}
.ti_apply_i>h1{color: #fff;font-size: 20px;font-weight: bold;padding-bottom: 26px;}
.ti_apply_i>div{display: none;padding: 30px 30px 0;background-color: rgb(0,0,0,.3);position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: .2s;min-width: 416px;}
.ti_apply_i>div>h2{font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 10px;}
.ti_apply_i>div>p{line-height: 40px;color: #fff;}
.ti_apply_i>div>i{overflow: hidden;width: 75px;height: 34px;line-height: 34px;border-radius: 15px;background-color: #fff;display: inline-block;text-align: center;color: #666;font-size: 20px;font-weight: bold;margin-top: 340px;}
.ti_apply_a{flex: 2;}
.ti_apply_a>h1{display: none;}
.ti_apply_a>div{display: block;}

.ti_vr{background: url('/images/12.jpg') no-repeat right;background-size: cover;padding: 100px 0;}
.ti_vr_c{width: 1200px;}
.ti_vr_c>iframe{width: 100%;height: 520px;margin: 50px 0 0;}

.ti_prod_filt{display: flex;width: 800px;justify-content: space-between;align-items: center;margin: 0 auto;}
.ti_prod_filt>span{color: var(--base);font-size: 114px;font-weight: bold;font-style: italic;}
.ti_prod_filt>b{color: #777;font-size: 114px;font-style: italic;}
.ti_prod_fmt{display: flex;}
.ti_prod_fmt>select{width: 182px;height: 44px;background-color: var(--base);color: #fff;border-radius: 20px;padding: 0 20px;}
.ti_prod_fmt>div{border-radius: 20px;border: 2px solid #bbb;margin-left: 20px;background-color: #fff;padding-left: 20px;position: relative;}
.ti_prod_fmt>div>a{background-color: var(--base);border-radius: 20px;padding: 0 20px;text-align: center;display: inline-block;line-height: 44px;position: absolute;right: -2px;top: -2px;bottom: -2px;width: 100px;}
.ti_prod_fmt>div>input{width: 300px;height: 44px;border-radius: 20px;color: #666;}
.ti_prod_fmt>div>a>img{vertical-align: middle;}
.ti_prod_fmb{display: flex;justify-content: space-between;color: #999;margin-top: 10px;}
.ti_prod_w{display: flex;justify-content: space-between;height: 594px;margin-top: 50px;align-items: stretch;}
.ti_prod_l{width: 700px;}
.ti_prod_r{width: 700px;}
.ti_prod_rt{height: 300px;}
.ti_prod_rb{display: flex;}
.ti_prod_rb>div{height: 294px;flex: 1;}
/* .ti_prod_rbl> .ti_prod_i{padding: 35px;} */
.ti_prod_i{width: 100%;height: 100%;background-repeat: no-repeat;background-position: right center;background-size: 100% 100%;padding: 35px;position: relative;transition: .3s;display: inline-block;}
.ti_prod_i>h1{color: var(--base);font-size: 24px;font-weight: bold;}
.ti_prod_i>h1>i{display: inline-block;width: 24px;height: 24px;background-color: #fff;border-radius: 50%;margin-right: 5px;}
.ti_prod_i>p{color: #333;font-size: 16px;font-weight: bold;margin-top: 25px;}
.ti_prod_i>span{position: absolute;left: 35px;bottom: 35px;overflow: hidden;width: 75px;height: 34px;line-height: 34px;border-radius: 15px;background-color: #fff;display: inline-block;color: #666;font-size: 20px;font-weight: bold;margin-top: 340px;white-space: nowrap;text-align: center;transition: .3s;}
.ti_prod_i>i{position: absolute;left: 30%;top: 20%;font-size: 16px;color: #222;display: block;font-weight: bold;}
.ti_prod_i>i>i{position: absolute;left: -25px;height: 50px;width: 50px;background-color: var(--base);border-radius: 50%;top: 50%;transform: translateY(-50%);}
.ti_prod_i>i>span{z-index: 1;position: relative;}
.ti_prod_i:hover{background-size: 110% 110%;}
.ti_prod_i:hover >span{background-color: var(--base);color: #fff;}

.ti_about{padding: 100px 0 0;}
.ti_about_c{width: 1200px;}
.ti_about_t{display: flex;justify-content: space-between;}
.ti_about_ti{display: block;}
.ti_about_tic{overflow: hidden;position: relative;height: 414px;transform: skew(-10deg);}
.ti_about_tic>img{transform: scale(1.12) skew(10deg);position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;width: 100%;height: 100%;transition: .3s;}
.ti_about_t> .ti_about_ti{width: 680px;}
.ti_about_ti:last-child{margin-top: 100px;}
.ti_about_tit{position: absolute;top: 0;left: 0;right: 50%;bottom: 0;background-color: rgba(40,160,190,.8);color: #fff;z-index: 1;display: flex;flex-direction: column;justify-content: center;padding: 0 30px;transition: .3s;}
.ti_about_ti:last-child .ti_about_tit{right: 0;left: 50%;}
.ti_about_tit>h1{font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.ti_about_tit>p{font-size: 14px;line-height: 2;}
.ti_about_b{}
.ti_about_b> .ti_about_ti{width: 950px;margin: 40px auto 0;}
.ti_about_b> .ti_about_ti:last-child{width: 650px;margin-top: 40px;}
.ti_about_ti:hover img{transform: scale(1.3) skew(10deg);}
.ti_about_ti:hover .ti_about_tit{left: 0;right: 0;}

.ti_news{padding: 1px 0 100px;}
.ti_news>h1{font-size: 28px;font-weight: bold;color: #7d7d7d;margin: 50px 0 20px;}
.ti_news>span{width: 40px;height: 4px;background-color: var(--base);display: inline-block;}
.ti_news_c{width: 1000px;margin-top: 50px;position: relative;}
.ti_news_c>p{position: absolute;left: 50%;transform: translateX(-50%);height: 100%;width: 1px;background-color: #bbb;z-index: 0;}
.ti_news_c>a{position: absolute;left: 50%;transform: translateX(-50%);bottom: -33px;width: 130px;height: 33px;line-height: 33px;background-color: var(--base);color: #fff;text-align: center;border-radius: 10px;}
.ti_news_i{display: flex;justify-content: space-between;margin-bottom: 40px;position: relative;z-index: 1;}
.ti_news_i>span{border-radius: 50%;width: 34px;height: 34px;border: 1px solid var(--base);background-color: #fff;padding: 6px;}
.ti_news_i>span>i{display: inline-block;background-color: var(--base);border-radius: 50%;width: 20px;height: 20px;}
.ti_news_img{width: 398px;height: 254px;transform: skew(-15deg);overflow: hidden;text-align: center;}
.ti_news_img>img{width: 110%;height: 110%;transition: .3s;object-fit: cover;}
.ti_news_r{width: 398px;}
.ti_news_r>h1{font-size: 22px;font-style: italic;color: #505050;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ti_news_r>span{font-size: 14px;color: #999;font-style: italic;}
.ti_news_r>p{font-size: 14px;line-height: 2;color: #8f8f8f;font-style: italic;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.ti_news_i:nth-of-type(2n){flex-direction: row-reverse;}
.ti_news_img:hover img{transform: scale(1.2) skew(15deg);}


.ti_tact{height: 300px;background: url('/images/11.jpg') no-repeat center;background-size: cover;}
.ti_tact_c{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
.ti_tact_c>h1{color: #fff;font-size: 40px;font-weight: bold;}
.ti_tact_c>a{width: 160px;height: 36px;line-height: 36px;text-align: center;margin-top: 40px;background-color: #fff;position: relative;overflow: hidden;cursor: pointer;}
.ti_tact_c>a>i{position: absolute;top: 0;bottom: 0;left: -30px;right: 130px;background-color: var(--base);transform: skew(-15deg);transition: .3s;}
.ti_tact_c>a>span{position: relative;z-index: 1;}
.ti_tact_c>a:hover{color: #fff;}
.ti_tact_c>a:hover i{right: -30px;}

.ti_popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.4);z-index: 100;display: none;}
.ti_popup>i{position: absolute;right: 100px;top: 100px;color: #fff;font-size: 60px;font-style: normal;cursor: pointer;}
.ti_popup>.ty_tact{width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.ti_popup .ty_tact_c{width: unset;padding: 50px;}
.ty_tact_l>p{font-size: 14px;}
.ty_tact_l>p:last-child{width: 250px;}

@media screen and (max-width: 766px) {
    .ti_banner_i{background: url('/images/mb/1.jpg') no-repeat center;background-size: cover;}
    .ti_banner_i>div{padding: 0 1.5rem;}
    .ti_banner_i>div>img{width: 100%;}

    .ti_apply{flex-direction: column;}
    .ti_apply_i{flex: unset;height: 30rem;}
    .ti_apply_i>div{width: 100%;min-width: unset;}

    .ti_vr{padding: 5rem 0;}
    .ti_vr_c>iframe{height: 30rem;}

    .ti_prod_w{height: unset;flex-direction: column;}
    .ti_prod_l{width: 100%;}
    .ti_prod_r{width: 100%;}
    .ti_prod_rt{height: unset;}
    .ti_prod_rb{flex-direction: column;}
    .ti_prod_i{height: 30rem;background-size: cover;background-position: center;}
    .ti_prod_i>h1{font-size: 1.8rem;}
    .ti_prod_i>h1>i{width: 1.6rem;height: 1.6rem;}
    .ti_prod_i>p{font-size: 1.6rem;margin-top: 1rem;}

    .ti_about{padding: 5rem 0 0;}
    .ti_about_t{flex-direction: column;}
    .ti_about_tic{transform: unset;height: 40rem;}
    .ti_about_t> .ti_about_ti{width: 100%;}
    .ti_about_ti:last-child{margin-top: 2rem;}
    .ti_about_b> .ti_about_ti{width: 100%;margin-top: 2rem;}
    .ti_about_b> .ti_about_ti:last-child{width: 100%;margin-top: 2rem;}
    .ti_about_tic>img{transform: unset;}
    .ti_about_ti:hover img{transform: scale(1.1);}
    .ti_about_tit{padding: 0 1.5rem;}
    .ti_about_tit>h1{font-size: 2rem;}
    .ti_about_tit>p{font-size: 1.4rem;}

    .ti_news_i{flex-direction: column;}
    .ti_news_img{transform: unset;}
    .ti_news_img{width: 100%;height: 20rem;}
    .ti_news_img>img{width: 100%;height: 100%;}
    .ti_news_img:hover img{transform: scale(1.1);}
    .ti_news_r{width: 100%;margin-top: 2rem;}
    .ti_news_r>h1{font-size: 2.2rem;}
    .ti_news_r>p{font-size: 1.4rem;}
    .ti_news_i:nth-of-type(2n){flex-direction: column;}
    .ti_news_c>a{bottom: -10rem;}

    .ti_tact_c>h1{font-size: 3.2rem;text-align: center;}



}